.theme-white {
  .avue-header, .avue-logo, .tags-container {
      background-color: #409EFF;
      // background-color: rgba(199,237,204,1);
  }
  .avue-sidebar--tip{
    background-color:transparent;
    color:#333;
  }
  .el-dropdown{
    color:#fff;
  }
  .avue-logo_title{
    font-weight: 400;
    color:#fff;
  }
  .logo_title,
  .avue-breadcrumb
  {
      color: #fff ;
      i {
          color: #fff;
      }
  }
  .avue-top{
    .el-menu-item {
      i,
      span {
          color: #fff ;
      }
      &:hover {
          i,
          span {
              color: #fff ;
          }
      }
    }
  }
  .el-menu--popup{
    background-color: #409EFF;
    .el-menu-item{
      background-color: #409EFF;
      span,i {
        color:#666 ;
      }
      &.is-active{
        background-color:#409EFF ;
        span,i {
          color:#fff ;
        }
      }
    }
  }
  .avue-sidebar{
    box-shadow: 2px 0 6px rgba(0, 21, 41, 0.15);
    .el-menu{
      // background-color: #f0f2f5;
      background-color: #e5e9e8;
    }
    // background-color:#f0f2f5;
    background-color: #e5e9e8;
    .el-menu-item,.el-submenu__title{
      i,span{
        color:#666 ;
      }
      // background-color:#f0f2f5;
      background-color: #e5e9e8;
    }
    .el-menu-item,.el-submenu__title{
      &:hover{
        background-color: transparent ;
        i,span{
          color:#666 ;
        }
      }
    }
    .el-menu-item.is-active,.el-submenu__title.is-active{
      background-color:#409EFF;
      i,span{
        color:#fff ;
      }
      &::before{
        display: none;
      }
      &:hover{
        background-color: #409EFF;
        i,span{
          color:#fff ;
        }
      }
    }
  }
  .top-search {
      .el-input__inner{
        color: #fff;
      }
      input::-webkit-input-placeholder,
      textarea::-webkit-input-placeholder {
          /* WebKit browsers */
          color: #fff;
      }
      input:-moz-placeholder,
      textarea:-moz-placeholder {
          /* Mozilla Firefox 4 to 18 */
          color: #fff;
      }
      input::-moz-placeholder,
      textarea::-moz-placeholder {
          /* Mozilla Firefox 19+ */
          color: #fff;
      }
      input:-ms-input-placeholder,
      textarea:-ms-input-placeholder {
          /* Internet Explorer 10+ */
          color: #fff;
      }
  }
  .top-bar__item {
      i {
          color: #fff;
      }
  }
  /**
  **
  **  组件主题色
  **
  **/
  .el-card {
    // background-color: #e4ecf5;
  }
  // 表头单元格样式
  .miui-header-cell-style {
    color:#555!important;
    background-color: rgb(241, 248, 255)!important;
		white-space: pre;
  }
  //  el-dialog
  .el-dialog, .el-pager li {
    background-color: #e5e9e8;
    // background-color: rgb(233,250,255);
  }

  .el-tabs--border-card {
    background-color: #e5e9e8;
    // background-color: rgb(233,250,255);
  }


  // el-table
  .el-table th, .el-table tr {
    // background-color: #fafafa;
  }
  .el-table--striped .el-table__body tr.el-table__row--striped td {
    // background-color: #edeeef;
  }
  .el-table--enable-row-hover .el-table__body tr:hover>td {
    background-color: rgb(246, 248, 250);
  }
  .el-table--border td, .el-table--border th, .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed {
    // border: solid 0.3px #fff;
  }
  .avue-crud .el-table--medium td, .avue-form .el-table--medium td{
    padding: 0!important;
  }
  .avue-crud .el-table--mini td, .avue-form .el-table--mini td{
    padding: 0!important;
  }

  //  el-tabs
  .basic-container .el-tabs__item {
    background-color: #fafbfd;
  }
  .el-dialog .el-tabs__item {
    background-color: #fafbfd;
  }
  .el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2), .el-tabs--bottom .el-tabs__item.is-top:nth-child(2), .el-tabs--top .el-tabs__item.is-bottom:nth-child(2), .el-tabs--top .el-tabs__item.is-top:nth-child(2) {
    padding-left: 20px;
  }
  .el-tabs--bottom .el-tabs__item.is-bottom:last-child, .el-tabs--bottom .el-tabs__item.is-top:last-child, .el-tabs--top .el-tabs__item.is-bottom:last-child, .el-tabs--top .el-tabs__item.is-top:last-child {
    padding-right: 20px;
  }
  .el-tabs__nav-wrap::after {
    background-color: #fff;
  }

  //  el-tree
  .el-tree {
    // background-color: #d9e6f5;
  }

  //  分割线
  .el-divider {
    background-color: #fff;
  }
  .el-divider__text {
    background-color: #dce3eb;
  }
}
